1 <?php
2 include 'includes/connect.php';
3 include 'includes/wallet.php';
4
5 if($_SESSION['customer_sid']==session_id())
6 {
7 ?>
8 <!DOCTYPE html>
9 <html lang="en">
10
11 <head>
12 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
13 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
14 <meta http-equiv="X-UA-Compatible" content="IE=edge">
15 <meta name="msapplication-tap-highlight" content="no">
16 <title>Tickets</title>
17
18 <!-- Favicons-->
19 <link rel="icon" href="images/favicon/favicon-32x32.png" sizes="32x32">
20 <!-- Favicons-->
21 <link rel="apple-touch-icon-precomposed" href="images/favicon/apple-touch-icon-152x152.png">
22 <!-- For iPhone -->
23 <meta name="msapplication-TileColor" content="#00bcd4">
24 <meta name="msapplication-TileImage" content="images/favicon/mstile-144x144.png">
25 <!-- For Windows Phone -->
26
27
28 <!-- CORE CSS-->
29 <link href="css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection">
30 <link href="css/style.min.css" type="text/css" rel="stylesheet" media="screen,projection">
31 <!-- Custome CSS-->
32 <link href="css/custom/custom.min.css" type="text/css" rel="stylesheet" media="screen,projection">
33 <!-- INCLUDED PLUGIN CSS ON THIS PAGE -->
34 <link href="js/plugins/perfect-scrollbar/perfect-scrollbar.css" type="text/css" rel="stylesheet" media="screen,projection">
35 <link href="js/plugins/data-tables/css/jquery.dataTables.min.css" type="text/css" rel="stylesheet" media="screen,projection">
36
37 <style type="text/css">
38 .input-field div.error{
39 position: relative;
40 top: -1rem;
41 left: 0rem;
42 font-size: 0.8rem;
43 color:#FF4081;
44 -webkit-transform: translateY(0%);
45 -ms-transform: translateY(0%);
46 -o-transform: translateY(0%);
47 transform: translateY(0%);
48 }
49 .input-field label.active{
50 width:100%;
51 }
52 .left-alert input[type=text] + label:after,
53 .left-alert input[type=password] + label:after,
54 .left-alert input[type=email] + label:after,
55 .left-alert input[type=url] + label:after,
56 .left-alert input[type=time] + label:after,
57 .left-alert input[type=date] + label:after,
58 .left-alert input[type=datetime-local] + label:after,
59 .left-alert input[type=tel] + label:after,
60 .left-alert input[type=number] + label:after,
61 .left-alert input[type=search] + label:after,
62 .left-alert textarea.materialize-textarea + label:after{
63 left:0px;
64 }
65 .right-alert input[type=text] + label:after,
66 .right-alert input[type=password] + label:after,
67 .right-alert input[type=email] + label:after,
68 .right-alert input[type=url] + label:after,
69 .right-alert input[type=time] + label:after,
70 .right-alert input[type=date] + label:after,
71 .right-alert input[type=datetime-local] + label:after,
72 .right-alert input[type=tel] + label:after,
73 .right-alert input[type=number] + label:after,
74 .right-alert input[type=search] + label:after,
75 .right-alert textarea.materialize-textarea + label:after{
76 right:70px;
77 }
78 </style>
79 </head>
80
81 <body>
82 <!-- Start Page Loading -->
83 <div id="loader-wrapper">
84 <div id="loader"></div>
85 <div class="loader-section section-left"></div>
86 <div class="loader-section section-right"></div>
87 </div>
88 <!-- End Page Loading -->
89
90 <!-- //////////////////////////////////////////////////////////////////////////// -->
91
92 <!-- START HEADER -->
93 <header id="header" class="page-topbar">
94 <!-- start header nav-->
95 <div class="navbar-fixed">
96 <nav class="navbar-color">
97 <div class="nav-wrapper">
98 <ul class="left">
99 <li><h1 class="logo-wrapper"><a href="index.php" class="brand-logo darken-1"><img src="images/materialize-logo.png" alt="logo"></a> <span class="logo-text">Logo</span></h1></li>
100 </ul>
101 <ul class="right hide-on-med-and-down">
102 <li><a href="#" class="waves-effect waves-block waves-light"><i class="mdi-editor-attach-money"><?php echo $balance;?></i></a>
103 </li>
104 </ul>
105 </div>
106 </nav>
107 </div>
108 <!-- end header nav-->
109 </header>
110 <!-- END HEADER -->
111
112 <!-- //////////////////////////////////////////////////////////////////////////// -->
113
114 <!-- START MAIN -->
115 <div id="main">
116 <!-- START WRAPPER -->
117 <div class="wrapper">
118
119 <!-- START LEFT SIDEBAR NAV-->
120 <aside id="left-sidebar-nav">
121 <ul id="slide-out" class="side-nav fixed leftside-navigation">
122 <li class="user-details cyan darken-2">
123 <div class="row">
124 <div class="col col s4 m4 l4">
125 <img src="images/avatar.jpg" alt="" class="circle responsive-img valign profile-image">
126 </div>
127 <div class="col col s8 m8 l8">
128 <ul id="profile-dropdown" class="dropdown-content">
129 <li><a href="routers/logout.php"><i class="mdi-hardware-keyboard-tab"></i> Logout</a>
130 </li>
131 </ul>
132 </div>
133 <div class="col col s8 m8 l8">
134 <a class="btn-flat dropdown-button waves-effect waves-light white-text profile-btn" href="#" data-activates="profile-dropdown"><?php echo $name;?> <i class="mdi-navigation-arrow-drop-down right"></i></a>
135 <p class="user-roal"><?php echo $role;?></p>
136 </div>
137 </div>
138 </li>
139 <li class="bold"><a href="index.php" class="waves-effect waves-cyan"><i class="mdi-editor-border-color"></i> Order Food</a>
140 </li>
141 <li class="no-padding">
142 <ul class="collapsible collapsible-accordion">
143 <li class="bold"><a class="collapsible-header waves-effect waves-cyan"><i class="mdi-editor-insert-invitation"></i> Orders</a>
144 <div class="collapsible-body">
145 <ul>
146 <li><a href="orders.php">All Orders</a>
147 </li>
148 <?php
149 $sql = mysqli_query($con, "SELECT DISTINCT status FROM orders WHERE customer_id = $user_id;");
150 while($row = mysqli_fetch_array($sql)){
151 echo '<li><a href="orders.php?status='.$row['status'].'">'.$row['status'].'</a>
152 </li>';
153 }
154 ?>
155 </ul>
156 </div>
157 </li>
158 </ul>
159 </li>
160 <li class="no-padding">
161 <ul class="collapsible collapsible-accordion">
162 <li class="bold"><a class="collapsible-header waves-effect waves-cyan active"><i class="mdi-action-question-answer"></i> Tickets</a>
163 <div class="collapsible-body">
164 <ul>
165 <li class="<?php
166 if(!isset($_GET['status'])){
167 echo 'active';
168 }?>
169 "><a href="tickets.php">All Tickets</a>
170 </li>
171 <?php
172 $sql = mysqli_query($con, "SELECT DISTINCT status FROM tickets WHERE poster_id = $user_id AND not deleted;");
173 while($row = mysqli_fetch_array($sql)){
174 if(isset($_GET['status'])){
175 $status = $row['status'];
176 }
177 echo '<li class='.(isset($_GET['status'])?($status == $_GET['status'] ? 'active' : ''): '').'><a href="tickets.php?status='.$row['status'].'">'.$row['status'].'</a>
178 </li>';
179 }
180 ?>
181 </ul>
182 </div>
183 </li>
184 </ul>
185 </li>
186 <li class="bold"><a href="details.php" class="waves-effect waves-cyan"><i class="mdi-social-person"></i> Edit Details</a>
187 </li>
188 </ul>
189 <a href="#" data-activates="slide-out" class="sidebar-collapse btn-floating btn-medium waves-effect waves-light hide-on-large-only cyan"><i class="mdi-navigation-menu"></i></a>
190 </aside>
191 <!-- END LEFT SIDEBAR NAV-->
192
193 <!-- //////////////////////////////////////////////////////////////////////////// -->
194
195 <!-- START CONTENT -->
196 <section id="content">
197
198 <!--breadcrumbs start-->
199 <div id="breadcrumbs-wrapper">
200 <div class="container">
201 <div class="row">
202 <div class="col s12 m12 l12">
203 <h5 class="breadcrumbs-title">Tickets</h5>
204 </div>
205 </div>
206 </div>
207 </div>
208 <!--breadcrumbs end-->
209
210
211 <!--start container-->
212 <div class="container">
213 <p class="caption">If you're experiencing any issues, contact us by opening a ticket.</p>
214 <div class="divider"></div>
215 <div class="row">
216 <div class="col s12 m4 l3">
217 <h4 class="header">Open a ticket</h4>
218 </div>
219 <div>
220 <div class="card-panel">
221 <div class="row">
222 <form class="formValidate" id="formValidate" method="post" action="routers/add-ticket.php" novalidate="novalidate" class="col s12">
223 <div class="row">
224 <div class="input-field col s12">
225 <input name="subject" id="subject" type="text" data-error=".errorTxt1">
226 <label for="subject" class="">Subject</label>
227 <div class="errorTxt1"></div>
228 </div>
229 </div>
230 <div class="row">
231 <div class="input-field col s12">
232 <textarea name="description" id="description" class="materialize-textarea validate" data-error=".errorTxt2"></textarea>
233 <label for="description" class="">Description</label>
234 <div class="errorTxt2"></div>
235 </div>
236 </div>
237 <div class="row">
238 <div class="input-field col s4">
239 <select name="type">
240 <option disabled selected>Choose a type</option>
241 <option value="Support">Support</option>
242 <option value="Payment">Payment</option>
243 <option value="Complaint">Complaint</option>
244 <option value="Others">Others</option>
245 </select>
246 <label>Type</label>
247 </div>
248 </div>
249 <div class="row">
250 <div class="row">
251 <div class="input-field col s12">
252 <input type="hidden" value="<?php echo $user_id;?>" name="id">
253 <button class="btn cyan waves-effect waves-light right" type="submit" name="action">Submit
254 <i class="mdi-content-send right"></i>
255 </button>
256 </div>
257 </div>
258 </div>
259 </form>
260 </div>
261 </div>
262 </div>
263 <div class="divider"></div>
264
265 </div>
266 <!--end container-->
267
268
269 <!-- END CONTENT -->
270 </div>
271
272
273 <!--start container-->
274 <div class="container">
275 <p class="caption">List of your tickets</p>
276 <div class="divider"></div>
277 <div id="work-collections">
278 <ul id="projects-collection" class="collection">
279 <?php
280 if(isset($_GET['status'])){
281 $status = $_GET['status'];
282 }
283 else{
284 $status = '%';
285 }
286 $sql = mysqli_query($con, "SELECT * FROM tickets WHERE poster_id = $user_id AND status LIKE '$status' AND not deleted;");
287 while($row = mysqli_fetch_array($sql)){
288 echo'<a href="view-ticket.php?id='.$row['id'].'"class="collection-item">
289 <div class="row">
290 <div class="col s6">
291 <p class="collections-title">'.$row['subject'].'</p>
292 </div>
293 <div class="col s2">
294 <span class="task-cat cyan">'.$row['status'].'</span></div>
295 <div class="col s2">
296 <span class="task-cat grey darken-3">'.$row['type'].'</span></div>
297 <div class="col s2">
298 <span class="badge">'.$row['date'].'</span></div>
299 </div>
300 </a>';
301 }
302 ?>
303 </ul>
304 </div>
305 <div class="divider"></div>
306
307 </div>
308 <!--end container-->
309
310
311 <!-- END CONTENT -->
312 </div>
313 <!-- END MAIN -->
314 </section>
315
316
317 <!-- //////////////////////////////////////////////////////////////////////////// -->
318
319 <!-- START FOOTER -->
320 <footer class="page-footer">
321 <div class="footer-copyright">
322 <div class="container">
323 <span>Copyright © 2017 <a class="grey-text text-lighten-4" href="#" target="_blank">Students</a> All rights reserved.</span>
324 <span class="right"> Design and Developed by <a class="grey-text text-lighten-4" href="#">Students</a></span>
325 </div>
326 </div>
327 </footer>
328 <!-- END FOOTER -->
329
330
331
332 <!-- ================================================
333 Scripts
334 ================================================ -->
335
336 <!-- jQuery Library -->
337 <script type="text/javascript" src="js/plugins/jquery-1.11.2.min.js"></script>
338 <!--angularjs-->
339 <script type="text/javascript" src="js/plugins/angular.min.js"></script>
340 <!--materialize js-->
341 <script type="text/javascript" src="js/materialize.min.js"></script>
342 <!--scrollbar-->
343 <script type="text/javascript" src="js/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
344 <!-- data-tables -->
345 <script type="text/javascript" src="js/plugins/data-tables/js/jquery.dataTables.min.js"></script>
346 <script type="text/javascript" src="js/plugins/data-tables/data-tables-script.js"></script>
347
348 <script type="text/javascript" src="js/plugins/jquery-validation/jquery.validate.min.js"></script>
349 <script type="text/javascript" src="js/plugins/jquery-validation/additional-methods.min.js"></script>
350
351 <!--plugins.js - Some Specific JS codes for Plugin Settings-->
352 <script type="text/javascript" src="js/plugins.min.js"></script>
353 <!--custom-script.js - Add your own theme custom JS-->
354 <script type="text/javascript" src="js/custom-script.js"></script>
355 <script type="text/javascript">
356 $("#formValidate").validate({
357 rules: {
358 subject: {
359 required: true,
360 minlength: 5,
361 maxlength: 100
362 },
363 description: {
364 required: true,
365 minlength: 20,
366 maxlength: 300
367 },
368 type: {
369 required: true,
370 },
371 },
372 messages: {
373 subject: {
374 required: "Provide a subject",
375 minlength: "Minimum 5 characters are required.",
376 maxlength: "Maximum 100 characters are required."
377 },
378 description: {
379 required: "Provide description of your problem",
380 minlength: "Minimum 20 characters are required.",
381 maxlength: "Maximum 3000 characters are required."
382 },
383 type: {
384 required: "Please specify type of your problem",
385 },
386 },
387 errorElement : 'div',
388 errorPlacement: function(error, element) {
389 var placement = $(element).data('error');
390 if (placement) {
391 $(placement).append(error)
392 } else {
393 error.insertAfter(element);
394 }
395 }
396 });
397 </script>
398 </body>
399
400 </html>
401 <?php
402 }
403 else
404 {
405 if($_SESSION['admin_sid']==session_id())
406 {
407 header("location:all-tickets.php");
408 }
409 else{
410 header("location:login.php");
411 }
412 }
413 ?>
